import Vue from 'vue'
import VueRouter from 'vue-router'
import first from '../views/first.vue'
import message from '../views/message.vue'
import my from '../views/my.vue'
import shopcar from '../views/shopcar.vue'
import news1 from '../news/news1.vue'
import new2 from '../news/new2.vue'
Vue.use(VueRouter)

  const routes = [
    {
      path:"/",
      redirect:"/first"
    },
  {
    path: '/first',
    component: first
  },
  {
    path: '/message',
    component:message
  },
  {
    path:'/shopcar',
    component:shopcar
  },
  {
    path:'/my',
    component:my

  },
  {
    path:'/first/news1',
    component:news1
  },
  {
     path:"/first/new2",
     component:new2
  }
]


const router = new VueRouter({
  routes,
  linkActiveClass:"mui-active"
})

export default router
